<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bool-style.css">
    <link rel="stylesheet" href="./css/Mcinal-User.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2609546_y4l9auav66.css">
    <title>PCS - Start GUI</title>
</head>

<body>
    <!-- <div class="nv-navbar">
        <div class="nv-menu-right">
            <lu class="nv-menu-right-list">
                <li class="icon iconfont icon-zhuye">游戏</li>
            </lu>
        </div>
    </div> -->
    <div class="User-Login-Mode">
        <button class="User-Login-Mode-Mojang iconfont" style="display: flex;"  id="User-Login-Mojang" ><img src="./icon/1.webp" alt=""> Mojang</button>
        <button class="User-Login-Mode-Microsoft iconfont icon-weiruan">Microsoft</button>
        <button class="User-Login-Mode-offline iconfont icon-yonghu">Offline</button>
        <div class="User-dwon-move"></div>
        <div class="User-Setting-Memu">
            <div class="Memu-User-shows">
                <img alt="">
            </div>
            <i class="User-rigth-nv iconfont icon-shezhi"></i>
        </div>
    </div>
    <!-- Login => Start Play -->
    <div class="User-GUI">
        <!-- offline -->
        <div class="User-Login-offlin" style="display: block;">
            <h1>Offline / Login</h1>
            <img class="User-Login-Image" src="http://q1.qlogo.cn/g?b=qq&nk=2974767963&s=640" alt="">
            <input list="offlin-Login-list" id="offlin-Login" placeholder="游戏名称" />
            <datalist id="offlin-Login-list">
                <option value=""></option>
            </datalist>
        </div>
        <!-- Mojang -->
        <div class="User-Login-Mojang" style="display: none;">
            <h1>Mojang / Login</h1>
            <div>
                <img class="User-Login-Image" src="http://q1.qlogo.cn/g?b=qq&nk=2974767963&s=640" alt="">

            </div>
            <div class="User-Login-Mojang-Mali">
                <i class="iconfont icon-youjian"></i>
                <span>pppwwi@qq.com</span>
            </div>
        </div>
    </div>
    <!-- KaKela -->
    <div class="Kakela-indexs">
        <div class="Kakela-CPU Kakela-List">
            <i class="Kakela-CPU-icon iconfont icon-CPU"></i>
        </div>
        <div class="Kakela-Memory Kakela-List">
            <i class="Kakela-Memory-icon iconfont icon-chizi"></i>
        </div>
        <div class="Kakela-Windwos Kakela-List">
            <i class="Kakela-Windwos-icon iconfont icon-win"></i>
        </div>
        <div class="Kakela-Console Kakela-List">
            <i class="Kakela-Console-icon iconfont icon-chengxu"></i>
        </div>
        <div class="Kakela-Java Kakela-List">
            
        </div>
    </div>
    <!-- 侧边栏 -->
    <div class="rigth-nv-class" style="display: none;">
        <div class="rigth-nv-list">
            <lu class="nv-menu-right-list">
                <li class="icon iconfont icon-xiugaitouxiang"></li>
                <li class="icon iconfont icon-dwn"></li>
                <li class="icon iconfont icon-gongneng"></li>
                <li class="icon iconfont icon-guanyu"></li>
            </lu>
        </div>
        <div class="menu-list-table">
            <!-- Dwonload -->
            <div class="soemsoue-Dwonload" style="display: none;">
                <!-- New -->
                <div class="soemsoue-Dwonload-new-versions soemsoue-Dwonload-Different">
                    <img src="./icon/grass.png" alt="" border="0">
                    <h1>1.17</h1>
                    <span>2021-07-01</span>
                </div>
                <div class="soemsoue-Dwonload-versions soemsoue-Dwonload-Different">
                    <img src="./icon/grass.png" alt="" border="0">
                    <h1>versions</h1>
                    <span>Message</span>
                </div>
            </div>
            <!-- McinaL User -->
            <div class="Mcinal-User-Center">
                <div class="Mcinal-Up-data">
                    <div class="Mcinal-Up-data-user">
                        <div class="Mcinal-Up-data-user-Image">
                            <img src="http://q1.qlogo.cn/g?b=qq&nk=2974767963&s=640" alt="">
                        </div>
                        <div class="Mcinal-Up-data-user-Name">
                            <p>{{Name}}</p>
                        </div>
                    </div>
                    <div class="User-Account-list">
                        <div class="Accoutnt-div-load">
                            <img src="http://q1.qlogo.cn/g?b=qq&nk=2974767963&s=640" alt="" srcset="">
                            <!-- <img /> -->
                            <span>pppwwi@**.com</span>
                            <i></i>
                        </div>
                    </div>
                </div>
                <!-- User the soam thing -->
                <!-- <div class="Mcinal-Setting-Some">
                    {{Json}}
                </div>
            </div>
            <div class="Setting-use">
                <div class="Setting-Plate">
                    <h1>Java选择</h1>
                    <input type="checkbox" name="" id="">
                </div>
                <div class="Setting-Plate">
                    <h1></h1>
                   
                </div>-->
            </div> 
        </div>
    </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="./js/ui-load.js"></script>
</html>